@charset "UTF-8";
body {
  position: relative; }

#box {
  width: 64px;
  height: 203px;
  border: 1px solid #636363;
  position: fixed;
  bottom: 35%;
  right: 0px;
  background: #000;
  z-index: 9;
  cursor: pointer; }

#box > .box_t {
  width: 64px;
  height: 50px;
  padding: 25px 0; }

#box .box_t > span {
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  width: 64px; }

#box .box_t > span > i {
  display: block;
  width: 29px;
  height: 27px;
  margin: 0 auto 3px;
  background: url(../images/icon.png) no-repeat -35px -244px; }

#box .box_b {
  border-top: 1px solid #636363;
  width: 64px;
  height: 52px;
  padding: 25px 0; }

#box .box_b > span {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 22px;
  display: inline-block;
  width: 64px; }

#box .box_b > span > i {
  display: block;
  width: 26px;
  height: 15px;
  margin: 0 auto 15px;
  background: url(../images/icon.png) no-repeat -210px -279px; }

body {
  width: 100%;
  height: 100%; }

#notice {
  width: 100%;
  height: 35px;
  background: #cb9864; }

#notice .swiper3 {
  width: 1280px;
  height: 35px;
  margin: 0 auto;
  overflow: hidden; }

#notice .swiper3 .swiper-slide {
  display: block;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
  text-align: center; }

#header {
  width: 1280px;
  height: 113px;
  padding: 0px 20px;
  margin: 0 auto;
  padding-top: 9px; }

#header .header-top {
  width: 1280px;
  height: 33px;
  line-height: 32px; }

#header .header-top .h_t_left {
  float: left; }

#header .header-top .h_t_left li {
  margin: 0 10px;
  float: left; }

#header .header-top .h_t_left li > a {
  color: #999;
  padding: 0 10px;
  display: block;
  float: left;
  font-size: 12px; }

#header .header-top .h_t_left li > .al {
  background: url(../images/icon.png) no-repeat; }

#header .header-top .h_t_left li > strong {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #999;
  float: left;
  margin-top: 14px; }

#header .header-top .h_t_right {
  float: right;
  width: 373px;
  height: 32px; }

#header .header-top .h_t_right > ul > li {
  float: left;
  margin: 0 10px; }

#header .header-top .h_t_right > ul > li > a {
  float: left;
  padding: 0 10px;
  display: block;
  font-size: 12px; }

#header .header-top .h_t_right > ul > li > .h_t_j_o {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-top: 14px;
  background: #999;
  float: left; }

#header .header-top .h_t_right > ul > li > strong {
  display: block;
  width: 11px;
  height: 17px;
  background: url(../images/icon.png) no-repeat -360px -94px;
  float: left;
  margin-top: 7px; }

#header .header-top .h_t_right ul li .a_h {
  padding: 0 3px 0 5px; }

#header .header-top .h_t_right > ul > li > .h_t_h {
  width: 14px;
  height: 7px;
  background: url(../images/icon.png) no-repeat -200px -175px;
  position: relative;
  right: -105px;
  top: 12px; }

#header > a {
  width: 283px;
  height: 51px;
  display: block;
  margin: 0 auto; }

#header > a img {
  width: 100%;
  height: 100%; }

.li2, .h_t_journal, .login {
  position: relative;
  transition: all 1s; }

.li2:hover > #service {
  display: block; }

.h_t_journal:hover > #service {
  display: block; }

.h_t_shopbags:hover > #service {
  display: block; }

.login:hover > #service {
  display: block; }

#service {
  width: 660px;
  padding: 30px;
  margin-top: 6px;
  position: absolute;
  z-index: 10;
  background: #fff;
  display: none;
  transform: 1s all;
  box-shadow: 4px 1px 20px #eee;
  transition: all 1s; }

.service1 {
  left: 17px;
  top: 34px; }

#header .service2 {
  left: -470px;
  top: 34px;
  width: 710px; }

#header .service3 {
  width: 540px;
  height: 249px;
  top: 34px;
  left: -450px; }

#header .service4 {
  width: 700px;
  top: 34px;
  left: -530px; }

.xj {
  width: 0;
  height: 0;
  font-size: 0;
  /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
  line-height: 0;
  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
  border-width: 8px;
  position: absolute;
  border-style: solid dashed dashed dashed;
  /*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
  border-color: transparent transparent #fff transparent; }

.xj1 {
  top: -16px;
  left: 15px; }

.xj2 {
  top: -16px;
  left: 505px; }

.xj3 {
  top: -16px;
  left: 500px; }

.xj4 {
  top: -16px;
  left: 560px; }

#service .s_left {
  width: 330px;
  float: left; }

.title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }

#service .s_left > .s_left_ul {
  display: inline-block;
  width: 140px; }

#service .s_left_ul > div > a {
  color: #000;
  font-size: 14px;
  display: block;
  margin-left: 15px; }

#service .s_left .s_left_ul > div:hover {
  text-decoration: underline; }

#service .s_right {
  width: 249px;
  float: right; }

#service .s_right_new {
  width: 320px; }

.s_t_p1 {
  margin-bottom: 19px; }

.s_t_inpt {
  position: relative; }

.s_t_inpt > input {
  height: 27px;
  padding: 5px 80px 5px 9px;
  width: 229px;
  border: 1px solid #000; }

.s_t_p2 {
  position: absolute;
  padding: 0 20px;
  top: 0;
  right: 0;
  height: 37px;
  line-height: 37px;
  color: #fff;
  background: #000;
  border: 1px solid #000; }

.s_t_p2:hover {
  color: #000;
  background: #fff; }

.s_t_agt {
  position: relative;
  margin-top: 20px; }

.s_t_agt > .checkbox {
  width: 17px;
  height: 17px;
  border: 1px solid #000;
  float: left;
  position: absolute; }

.s_t_agt > p {
  line-height: 1.2em;
  float: right;
  margin-left: 25px; }

.s_t_agt > p > span {
  text-decoration: underline;
  cursor: pointer; }

.h_t_shopbags {
  position: relative; }

.shopbags {
  width: 540px;
  height: 249px;
  padding: 30px;
  position: absolute;
  background: #fff;
  left: -450px;
  top: 20px; }

.s_content {
  font-size: 18px;
  height: 170px;
  text-align: center;
  padding-top: 90px; }

.s_content > span {
  text-decoration: underline; }

.btn_box a {
  height: 43px;
  width: 182px;
  border: 1px solid #000;
  padding: 0 20px;
  display: block;
  background: #000;
  color: #fff;
  line-height: 43px;
  text-align: center;
  margin-top: 16px; }

.s_left_ul > div {
  position: relative; }

.s_left_ul > div > span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  top: 12px; }

#nava {
  width: 100%;
  background: #fff; }

#nav {
  width: 1280px;
  height: 51px;
  padding: 0 10px;
  margin: 0 auto;
  border-top: 1px solid #efeded;
  border-bottom: 1px solid #efeded; }

#nav > .nav_left > ul {
  display: inline-block; }

#nav > .nav_left > ul > li {
  float: left;
  line-height: 50px;
  padding: 0 16px;
  height: 50px; }

#nav > .nav_left > ul > li > a {
  padding: 0 10px; }

#nav > .nav_left > ul > li > a:hover {
  color: #cb9864; }

#nav form {
  float: right;
  width: 315px;
  border: 1px solid #000;
  position: relative;
  margin-top: 3px; }

#nav form input {
  width: 264px;
  height: 27px;
  padding: 5px 38px 5px 9px; }

#nav form a {
  width: 38px;
  height: 38px;
  background: #000;
  display: block;
  position: absolute;
  top: 0px;
  right: 0; }

#nav form a strong {
  width: 15px;
  height: 15px;
  margin: 12px auto 0;
  display: block;
  background: url(../images/icon.png) no-repeat -305px -279px; }

.makeup {
  position: relative; }

.makeup:hover .menu_2 {
  display: block; }

.makeup:hover .m_xsj {
  display: block; }

.menu_2 {
  border-top: 1px solid #000;
  position: absolute;
  width: 1500px;
  z-index: 99;
  left: -50px;
  background: #fff;
  padding-left: 75px;
  display: none;
  height: 500px; }

.menu_2_li {
  font-weight: 700; }

.menu_2 > li {
  width: 210px;
  float: left;
  position: relative;
  margin-top: 30px;
  height: 25px; }

.menu_2 > li > ul {
  width: 100%;
  height: 200px;
  position: absolute;
  top: 40px; }

.menu_2 > li > ul > li {
  height: 24px;
  width: 210px;
  line-height: 1.2em; }

.menu_2 > li > ul > li > a:hover {
  text-decoration: underline; }

.m_xsj {
  width: 0;
  height: 0;
  font-size: 0;
  /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
  line-height: 0;
  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
  border-width: 8px;
  position: absolute;
  left: 35%;
  z-index: 999;
  bottom: -16px;
  border-style: solid dashed dashed dashed;
  /*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
  border-color: #000 transparent transparent transparent;
  transition: all 1s;
  display: none; }

.ul_button {
  clear: both;
  width: 100%;
  height: 200px;
  background: #000;
  position: relative;
  bottom: -200px;
  left: -80px; }

.ul_button_a {
  padding: 30px 20px; }

body {
  font-family: "微软雅黑";
  font-size: 14px;
  line-height: 1.2;
  color: #000; }

body, ul, ol, table, input, td, tl, th, h1, h2, h3, h4, input, p {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  color: #000; }

h1, h2, h3, h4, b, strong {
  font-weight: normal; }

input {
  outline: none;
  border: none; }

ul, li, ol {
  list-style: none; }

img {
  border: none;
  vertical-align: top; }

footer, header, hgroup, menu, nav, section, main {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
